<template>
  <div class="user_container">
    <a-table :columns="columns" :data-source="data">
      <a slot="name" slot-scope="text">{{ text }}</a>
    </a-table>
  </div>
</template>

<script>
const columns = [
  {
    title: '#',
    dataIndex: 'num',
    key: 'num',
    scopedSlots: { customRender: 'num' },
  },
  {
    title: '注册日期',
    dataIndex: 'date',
    key: 'date',
  },
  {
    title: '用户姓名',
    dataIndex: 'name',
    key: 'name',
    ellipsis: true,
  },
  {
    title: '注册地址',
    dataIndex: 'address',
    key: 'address 1',
    ellipsis: true,
  },
  
 
  
];

const data = [
  {
    key: '1',
    name: '谢海燕',
    num: 1,
    address: '河南省南阳市宛城区',
    date:"2020-07-18",
    // tags: ['nice', 'developer'],
  },
  {
   key: '2',
    name: '谢海燕',
    num: 2,
    address: '河南省南阳市宛城区',
    date:"2020-08-18",
    // tags: ['loser'],
  },
  {
    key: '3',
    name: '谢海燕',
    num: 3,
    address: '河南省南阳市宛城区',
    date:"2020-05-29",
    // tags: ['cool', 'teacher'],
  },
  {
    key: '4',
    name: '谢海燕',
    num: 4,
    address: '河南省南阳市宛城区',
    date:"2020-07-13",
    // tags: ['cool', 'teacher'],
  },
];
export default {
  data() {
    return {
      data,
      columns,
    };
  },
};
</script>

<style scoped>
.user_container {
  width: 100%;
  background-color: #eaf0f8;
}
</style>